<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>富豪榜</title>
    <link rel="stylesheet" href="./index.css" />
  </head>

  <body>
    <!-- 导航栏 -->
    <nav>
      <ul>
        <li>主页</li>
        <li>排行榜</li>
        <li>联系方式</li>
      </ul>
    </nav>
    <!-- 头部内容 -->
    <header>
      <!-- 导航栏的按钮 -->
      <button id="toggle">导航栏</button>
      <!-- 标题 -->
      <h2>欢迎来到富豪排行榜</h2>
      <!-- 欢迎语句 -->
      <p>weclome to the rich rank</p>
    </header>
    <!-- 主题内容 -->
    <div class="container">
      <!-- 左盒子 -->
      <aside>
        <!-- 五个按钮 -->
        <button id="add-user">添加账户</button>
        <button id="double">资金翻倍</button>
        <button id="show-millionaire">查询百万富翁</button>
        <button id="sort">财富榜</button>
        <button id="calculate">计算总额</button>
      </aside>
      <!-- 右盒子 -->
      <main id="main">
        <h2>
          <strong>Person</strong>
          <span>Wealth</span>
        </h2>
      </main>
    </div>

    <script>
      let dataInfo = [
        {
          name: '安东尼 戴维斯',
          money: 892001,
        },
        {
          name: '凯里 欧文',
          money: 668932,
        },
        {
          name: '史蒂夫 库里',
          money: 698756,
        },
        {
          name: '德里克 罗斯',
          money: 492489,
        },
        {
          name: '保罗 乔治',
          money: 853957,
        },
        {
          name: '勒布朗 詹姆斯',
          money: 968472,
        },
        {
          name: '詹姆斯 哈登',
          money: 718225,
        },
        {
          name: '凯文 杜兰特',
          money: 889147,
        },
      ];
    </script>
    <script src="./index.js"></script>
    <!-- <script src="./new_index.js"></script> -->
  </body>
</html>
